<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<meta name="screen-orientation" content="portrait">
	<meta name="x5-orientation" content="portrait">
	<title>用户中心</title>
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/index.js"></script>
</head>
<body>
	<div class="page">
		<div class="re_con">
			<header class="top">
				<a href="#" class="go_back"></a>
				<a href="#" class="more share_btn"></a>
				<h3>用户中心</h3>
			</header>
			<div class="content">
				<div class="main">
					<ul>
						<li class="tel_lst">
							<a href="#">
								<em>消息首页提醒</em>
								<span class="right_box"><input type="checkbox" class="switch" /></span>
							</a>
						</li>
						<li class="tel_lst">
							<a href="#">
								<em>消息提示音</em>
								<span class="right_box"><input type="checkbox" class="switch" /></span>
							</a>
						</li>
						<li class="tel_lst share_btn">
							<a href="#">
								<em>分享中介APP给大家</em>
								<b class="arrow_r"></b>
							</a>
						</li>
						<li class="sure_btn">
							<a href="#">安全退出</a>
						</li>
					</ul>
				</div>
				<div class="share_popup">
					<div class="overlay"></div>
					<div class="share_box">
						<p>分享到</p>
						<ul class="clearfix">
							<li class="share_lst">
								<a href="#">
									<i class="share_icon yx"></i>
									易信好友
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon yxpyq"></i>
									易信朋友圈
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon wx"></i>
									微信好友
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon wxpyq"></i>
									微信朋友圈
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon xl"></i>
									新浪微博
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon lo"></i>
									LOFTER
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon qq"></i>
									QQ好友
								</a>
							</li>
							<li class="share_lst">
								<a href="#">
									<i class="share_icon qqkj"></i>
									QQ空间
								</a>
							</li>
						</ul>
						<a href="#" class="off_btn">×</a>
					</div>
				</div>
			</div>
			<footer class="bottom">
				<a href="#" class="home">
					<span class="icons i_01"></span>
					<p>首页</p>
				</a>
				<a href="#" class="order">
					<span class="icons i_02"></span>
					<p>订单</p>
				</a>
				<a href="#" class="zj">
					<span class="icons i_03"></span>
					<p>中介</p>
				</a>
				<a href="#" class="my cur">
					<span class="icons i_04"></span>
					<p>我的</p>
				</a>
			</footer>
		</div>
	</div>
</body>
</html>